<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大事件-后台管理系统</title>
    <link rel="stylesheet" href="/assets/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/assets/css/login.css">
    <style>
        body {
            background-color: #16a085;
        }

        .layadmin-user-login {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>

<body>

    <div class="layadmin-user-login layadmin-user-display-show" style="display: none;">

        <div class="layadmin-user-login-main">
            <div class="layadmin-user-login-box layadmin-user-login-header">
                <h2>后台管理系统</h2>
            </div>
            <!-- 登录 -->
            <div class="layadmin-user-login-box layadmin-user-login-body" id="login-box">
                <form action="" class="layui-form" id="form_login">
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
                        <input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="用户名"
                            class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                            for="LAY-user-login-password"></label>
                        <input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="密码"
                            class="layui-input">
                    </div>
                    <div class="layui-form-item" style="margin-bottom: 20px;">
                        <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
                        <a href="javascript:;" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;"
                            id="link_reg">还没有账号？<font style="color: #009688;">去注册</font></a>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn layui-btn-fluid" lay-submit>登 入</button>
                    </div>
                </form>
            </div>
            <!-- 注册 -->
            <div class="layadmin-user-login-box layadmin-user-login-body" id="reg-box" style="display: none;">
                <form action="" id="form_reg" class="layui-form">
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
                        <input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="用户名"
                            class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                            for="LAY-user-login-password"></label>
                        <input type="password" name="password" lay-verify="required|pwd" autocomplete="off"
                            placeholder="密码" class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                            for="LAY-user-login-password"></label>
                        <input type="password" name="repassword" lay-verify="required|pwd|repwd" autocomplete="off"
                            placeholder="确认密码" class="layui-input">
                    </div>
                    <div class="layui-form-item" style="margin-bottom: 20px;">
                        <input type="checkbox" name="remember" lay-skin="primary" title="同意服务条款" checked>
                        <a href="javascript:;" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;"
                            id="link_login">已有账号，
                            <font style="color: #009688;">去登录</font></a>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn layui-btn-fluid" lay-submit>注 册</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="layui-trans layadmin-user-login-footer">
            <p>© 2018 <a href="http://www.itboy.cc/" target="_blank">www.itboy.cc</a></p>
        </div>


    </div>
    <script src="/assets/lib/layui/layui.all.js"></script>
    <script src="/assets/lib/jquery.js"></script>
    <script src="/assets/js/baseAPI.js"></script>
    <script src="/assets/js/login.js"></script>
    <script src="/assets/js/jquery.particleground.min.js"></script>
    <script>
        // 粒子线条背景
        $(document).ready(function () {
            $('body').particleground({
                dotColor: '#5cbdaa',
                lineColor: '#5cbdaa'
            });
        });
    </script>
</body>

</html>